<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div>
		<!-- 控制表单是否提交 -->
		<!-- 这样无法阻止提交 -->
		<!-- <form action="https://www.baidu.com" method="get" onsubmit="checkForm()"> -->
		<!-- 这样可以阻止访问 -->
		<form action="https://www.baidu.com" method="get" onsubmit="return checkForm()">
			<input type="submit" value="js提交" />
		</form>
		</div>
		<div id="app">
			<!-- Vue 中提交的方式1 -->
			<form v-on:submit.prevent action="https://www.baidu.com" method="get">
				<input type="submit" value="Vue提交1" />
			</form>
			<!-- Vue提交2 -->
			<form @submit.prevent action="https://www.baidu.com" method="get">
				<input type="submit" value="Vue提交2" />
			</form>
		</div>
		<script type="text/javascript">
			// 传统js处理方式
			function checkForm(){
				// 验证这个操作是否执行
				alert(1);
				// true 为提交，false为不提交
				return false;
			};
			var vm = new Vue({
				el:'#app',
				data:{
					
				}
			});
		</script>
	</body>
</html>
